// 所有echarts
import echarts from 'echarts';

// child1 start
// 右侧1:设备数量
export function child1Echart1() {
  // 初始化echarts实例
  let c1e1 = echarts.init(document.getElementById('c1e1'));
  // 绘制图表
  c1e1.setOption({
    //content start
    grid: { left: '3%',bottom:0,containLabel: true },
    color: ['#fab702'],
    tooltip: {
      trigger: 'axis',
      //悬浮显示x,y
      // axisPointer: {
      //   type: 'cross',
      //   crossStyle: {
      //     color: '#999'
      //   }
      // }
    },
    toolbox: {
      feature: {
        saveAsImage: {
          show: true
        }
      }
    },
    legend: {
      data: ['设备数量', '平均数量'],
      // 控制开关属性
      textStyle: {
        fontSize: 14,
        color: '#fff'
      }
    },
    xAxis: [{
      type: 'category',
      data: ['设备1', '设备2', '设备3', '设备4', '设备5'],
      // 轴状态
      axisLabel: {
        show: true,
        textStyle: {
          color: '#fff'
        }
      },
      //坐标轴显示状态
      axisLine: {
        show: false
      },
      //坐标轴刻度线显示状态
      axisTick: {
        show: false
      }

    }],
    yAxis: [{
      type: 'value',
      name: '单位：数量',
      min: 0,
      max: 250,
      interval: 50,
      axisLabel: {
        //显示单位
        // formatter: '{value} ml'
        show: true,
        textStyle: {
          color: '#fff'
        }
      },
      // 轴(单位)颜色,宽度
      axisLine: {
        show: false,
        lineStyle: {
          color: '#fff',
          width: 8,
        }
      },
      axisTick: {
        show: false
      },
      //背景网格线状态
      splitLine: {
        show: false
      },
      //背景颜色状态
      splitArea: {
        show: false
      },
    }],
    series: [{
        name: '设备数量',
        type: 'bar',
        data: [150, 110, 180, 100, 130],
        //柱宽
        barWidth: 10,
        itemStyle: {
          normal: {
            color: function(params) {
              return new echarts.graphic.LinearGradient(1, 1, 0, 0, [{
                  offset: 0,
                  color: '#1093E6'
                },
                {
                  offset: 0.5,
                  color: '#00CFF7'
                },
                {
                  offset: 1,
                  color: '#04FAEC'
                },
              ]);
            },
          }
        }
      },
      {
        name: '平均数量',
        type: 'line',
        yAxisIndex: 0,
        data: [150, 110, 180, 100, 130],
        //折线弯曲
        smooth: true
      },
    ],
    //content end
  });
};
// 右侧2:每栋数量
export function child1Echart2() {
  // 初始化echarts实例
  let c1e2 = echarts.init(document.getElementById('c1e2'));
  // 绘制图表
  c1e2.setOption({
    //content start
    grid: { left: '3%',bottom:0,containLabel: true },
    color: ['#fab702'],
    tooltip: {
      trigger: 'axis',
      //悬浮显示x,y
      // axisPointer: {
      //   type: 'cross',
      //   crossStyle: {
      //     color: '#999'
      //   }
      // }
    },
    toolbox: {
      feature: {
        saveAsImage: {
          show: true
        }
      }
    },
    legend: {
      data: ['设备数量', '平均数量'],
      // 控制开关属性
      textStyle: {
        fontSize: 14,
        color: '#fff'
      }
    },
    xAxis: [{
      type: 'category',
      data: ['设备1', '设备2', '设备3', '设备4', '设备5'],
      // 轴状态
      axisLabel: {
        show: true,
        textStyle: {
          color: '#fff'
        }
      },
      //坐标轴显示状态
      axisLine: {
        show: false
      },
      //坐标轴刻度线显示状态
      axisTick: {
        show: false
      }

    }],
    yAxis: [{
      type: 'value',
      name: '单位：数量',
      min: 0,
      max: 250,
      interval: 50,
      axisLabel: {
        //显示单位
        // formatter: '{value} ml'
        show: true,
        textStyle: {
          color: '#fff'
        }
      },
      // 轴(单位)颜色,宽度
      axisLine: {
        show: false,
        lineStyle: {
          color: '#fff',
          width: 8,
        }
      },
      axisTick: {
        show: false
      },
      //背景网格线状态
      splitLine: {
        show: false
      },
      //背景颜色状态
      splitArea: {
        show: false
      },
    }],
    series: [{
        name: '设备数量',
        type: 'bar',
        data: [150, 110, 180, 100, 130],
        //柱宽
        barWidth: 10,
        itemStyle: {
          normal: {
            color: function(params) {
              return new echarts.graphic.LinearGradient(1, 1, 0, 0, [{
                  offset: 0,
                  color: '#1093E6'
                },
                {
                  offset: 0.5,
                  color: '#00CFF7'
                },
                {
                  offset: 1,
                  color: '#04FAEC'
                },
              ]);
            },
          }
        }
      },
      {
        name: '平均数量',
        type: 'line',
        yAxisIndex: 0,
        data: [150, 110, 180, 100, 130],
        //折线弯曲
        smooth: true
      },
    ],
    //content end
  });
};
// 右侧3:设备类型数量占比
export function child1Echart3() {
  // 初始化echarts实例
  let c1e3 = echarts.init(document.getElementById('c1e3'));
  // 绘制图表
  c1e3.setOption({
    //content start
    grid: { left: '3%',bottom:0,containLabel: true },
    color: ['#fab702'],
    tooltip: {
      trigger: 'axis',
      //悬浮显示x,y
      // axisPointer: {
      //   type: 'cross',
      //   crossStyle: {
      //     color: '#999'
      //   }
      // }
    },
    toolbox: {
      feature: {
        saveAsImage: {
          show: true
        }
      }
    },
    legend: {
      data: ['设备数量', '平均数量'],
      // 控制开关属性
      textStyle: {
        fontSize: 14,
        color: '#fff'
      }
    },
    xAxis: [{
      type: 'category',
      data: ['设备1', '设备2', '设备3', '设备4', '设备5'],
      // 轴状态
      axisLabel: {
        show: true,
        textStyle: {
          color: '#fff'
        }
      },
      //坐标轴显示状态
      axisLine: {
        show: false
      },
      //坐标轴刻度线显示状态
      axisTick: {
        show: false
      }

    }],
    yAxis: [{
      type: 'value',
      name: '单位：数量',
      min: 0,
      max: 250,
      interval: 50,
      axisLabel: {
        //显示单位
        // formatter: '{value} ml'
        show: true,
        textStyle: {
          color: '#fff'
        }
      },
      // 轴(单位)颜色,宽度
      axisLine: {
        show: false,
        lineStyle: {
          color: '#fff',
          width: 8,
        }
      },
      axisTick: {
        show: false
      },
      //背景网格线状态
      splitLine: {
        show: false
      },
      //背景颜色状态
      splitArea: {
        show: false
      },
    }],
    series: [{
        name: '设备数量',
        type: 'bar',
        data: [150, 110, 180, 100, 130],
        //柱宽
        barWidth: 10,
        itemStyle: {
          normal: {
            color: function(params) {
              return new echarts.graphic.LinearGradient(1, 1, 0, 0, [{
                  offset: 0,
                  color: '#1093E6'
                },
                {
                  offset: 0.5,
                  color: '#00CFF7'
                },
                {
                  offset: 1,
                  color: '#04FAEC'
                },
              ]);
            },
          }
        }
      },
      {
        name: '平均数量',
        type: 'line',
        yAxisIndex: 0,
        data: [150, 110, 180, 100, 130],
        //折线弯曲
        smooth: true
      },
    ],
    //content end
  });
};
// child1 end




// child2 start
//右侧1:设备告警数量
export function child2Echart1() {
  // 初始化echarts实例
  let c2e1 = echarts.init(document.getElementById('c2e1'));
  // 绘制图表
  c2e1.setOption({
    //content start
    grid: { left: '3%',bottom:0,containLabel: true },
    color: ['#fab702'],
    tooltip: {
      trigger: 'axis',
      //悬浮显示x,y
      // axisPointer: {
      //   type: 'cross',
      //   crossStyle: {
      //     color: '#999'
      //   }
      // }
    },
    toolbox: {
      feature: {
        saveAsImage: {
          show: true
        }
      }
    },
    legend: {
      data: ['设备数量', '平均数量'],
      // 控制开关属性
      textStyle: {
        fontSize: 14,
        color: '#fff'
      }
    },
    xAxis: [{
      type: 'category',
      data: ['设备1', '设备2', '设备3', '设备4', '设备5'],
      // 轴状态
      axisLabel: {
        show: true,
        textStyle: {
          color: '#fff'
        }
      },
      //坐标轴显示状态
      axisLine: {
        show: false
      },
      //坐标轴刻度线显示状态
      axisTick: {
        show: false
      }

    }],
    yAxis: [{
      type: 'value',
      name: '单位：数量',
      min: 0,
      max: 250,
      interval: 50,
      axisLabel: {
        //显示单位
        // formatter: '{value} ml'
        show: true,
        textStyle: {
          color: '#fff'
        }
      },
      // 轴(单位)颜色,宽度
      axisLine: {
        show: false,
        lineStyle: {
          color: '#fff',
          width: 8,
        }
      },
      axisTick: {
        show: false
      },
      //背景网格线状态
      splitLine: {
        show: false
      },
      //背景颜色状态
      splitArea: {
        show: false
      },
    }],
    series: [{
        name: '设备数量',
        type: 'bar',
        data: [150, 110, 180, 100, 130],
        //柱宽
        barWidth: 10,
        itemStyle: {
          normal: {
            color: function(params) {
              return new echarts.graphic.LinearGradient(1, 1, 0, 0, [{
                  offset: 0,
                  color: '#1093E6'
                },
                {
                  offset: 0.5,
                  color: '#00CFF7'
                },
                {
                  offset: 1,
                  color: '#04FAEC'
                },
              ]);
            },
          }
        }
      },
      {
        name: '平均数量',
        type: 'line',
        yAxisIndex: 0,
        data: [150, 110, 180, 100, 130],
        //折线弯曲
        smooth: true
      },
    ],
    //content end
  });
};
//右侧2:已处理告警设备
export function child2Echart2() {
  // 初始化echarts实例
  let c2e2 = echarts.init(document.getElementById('c2e2'));
  // 绘制图表
  c2e2.setOption({
    //content start
    grid: { left: '3%',bottom:0,containLabel: true },
    color: ['#fab702'],
    tooltip: {
      trigger: 'axis',
      //悬浮显示x,y
      // axisPointer: {
      //   type: 'cross',
      //   crossStyle: {
      //     color: '#999'
      //   }
      // }
    },
    toolbox: {
      feature: {
        saveAsImage: {
          show: true
        }
      }
    },
    legend: {
      data: ['设备数量', '平均数量'],
      // 控制开关属性
      textStyle: {
        fontSize: 14,
        color: '#fff'
      }
    },
    xAxis: [{
      type: 'category',
      data: ['设备1', '设备2', '设备3', '设备4', '设备5'],
      // 轴状态
      axisLabel: {
        show: true,
        textStyle: {
          color: '#fff'
        }
      },
      //坐标轴显示状态
      axisLine: {
        show: false
      },
      //坐标轴刻度线显示状态
      axisTick: {
        show: false
      }

    }],
    yAxis: [{
      type: 'value',
      name: '单位：数量',
      min: 0,
      max: 250,
      interval: 50,
      axisLabel: {
        //显示单位
        // formatter: '{value} ml'
        show: true,
        textStyle: {
          color: '#fff'
        }
      },
      // 轴(单位)颜色,宽度
      axisLine: {
        show: false,
        lineStyle: {
          color: '#fff',
          width: 8,
        }
      },
      axisTick: {
        show: false
      },
      //背景网格线状态
      splitLine: {
        show: false
      },
      //背景颜色状态
      splitArea: {
        show: false
      },
    }],
    series: [{
        name: '设备数量',
        type: 'bar',
        data: [150, 110, 180, 100, 130],
        //柱宽
        barWidth: 10,
        itemStyle: {
          normal: {
            color: function(params) {
              return new echarts.graphic.LinearGradient(1, 1, 0, 0, [{
                  offset: 0,
                  color: '#1093E6'
                },
                {
                  offset: 0.5,
                  color: '#00CFF7'
                },
                {
                  offset: 1,
                  color: '#04FAEC'
                },
              ]);
            },
          }
        }
      },
      {
        name: '平均数量',
        type: 'line',
        yAxisIndex: 0,
        data: [150, 110, 180, 100, 130],
        //折线弯曲
        smooth: true
      },
    ],
    //content end
  });
};
// child2 end




// child3 start
//右侧3:销售情况分析
export function child3Echart1() {
  // 初始化echarts实例
  let c3e1 = echarts.init(document.getElementById('c3e1'));
  // 绘制图表
  c3e1.setOption({
    //content start
    grid: { left: '3%',bottom:0,containLabel: true },
    color: ['#fab702'],
    tooltip: {
      trigger: 'axis',
      //悬浮显示x,y
      // axisPointer: {
      //   type: 'cross',
      //   crossStyle: {
      //     color: '#999'
      //   }
      // }
    },
    toolbox: {
      feature: {
        saveAsImage: {
          show: true
        }
      }
    },
    legend: {
      data: ['设备数量', '平均数量'],
      // 控制开关属性
      textStyle: {
        fontSize: 14,
        color: '#fff'
      }
    },
    xAxis: [{
      type: 'category',
      data: ['设备1', '设备2', '设备3', '设备4', '设备5'],
      // 轴状态
      axisLabel: {
        show: true,
        textStyle: {
          color: '#fff'
        }
      },
      //坐标轴显示状态
      axisLine: {
        show: false
      },
      //坐标轴刻度线显示状态
      axisTick: {
        show: false
      }

    }],
    yAxis: [{
      type: 'value',
      name: '单位：数量',
      min: 0,
      max: 250,
      interval: 50,
      axisLabel: {
        //显示单位
        // formatter: '{value} ml'
        show: true,
        textStyle: {
          color: '#fff'
        }
      },
      // 轴(单位)颜色,宽度
      axisLine: {
        show: false,
        lineStyle: {
          color: '#fff',
          width: 8,
        }
      },
      axisTick: {
        show: false
      },
      //背景网格线状态
      splitLine: {
        show: false
      },
      //背景颜色状态
      splitArea: {
        show: false
      },
    }],
    series: [{
        name: '设备数量',
        type: 'bar',
        data: [150, 110, 180, 100, 130],
        //柱宽
        barWidth: 10,
        itemStyle: {
          normal: {
            color: function(params) {
              return new echarts.graphic.LinearGradient(1, 1, 0, 0, [{
                  offset: 0,
                  color: '#1093E6'
                },
                {
                  offset: 0.5,
                  color: '#00CFF7'
                },
                {
                  offset: 1,
                  color: '#04FAEC'
                },
              ]);
            },
          }
        }
      },
      {
        name: '平均数量',
        type: 'line',
        yAxisIndex: 0,
        data: [150, 110, 180, 100, 130],
        //折线弯曲
        smooth: true
      },
    ],
    //content end
  });
};
//右侧2:行业分析
export function child3Echart2() {
  // 初始化echarts实例
  let c3e2 = echarts.init(document.getElementById('c3e2'));
  // 绘制图表
  c3e2.setOption({
    //content start
    grid: { left: '3%',bottom:0,containLabel: true },
    color: ['#fab702'],
    tooltip: {
      trigger: 'axis',
      //悬浮显示x,y
      // axisPointer: {
      //   type: 'cross',
      //   crossStyle: {
      //     color: '#999'
      //   }
      // }
    },
    toolbox: {
      feature: {
        saveAsImage: {
          show: true
        }
      }
    },
    legend: {
      data: ['设备数量', '平均数量'],
      // 控制开关属性
      textStyle: {
        fontSize: 14,
        color: '#fff'
      }
    },
    xAxis: [{
      type: 'category',
      data: ['设备1', '设备2', '设备3', '设备4', '设备5'],
      // 轴状态
      axisLabel: {
        show: true,
        textStyle: {
          color: '#fff'
        }
      },
      //坐标轴显示状态
      axisLine: {
        show: false
      },
      //坐标轴刻度线显示状态
      axisTick: {
        show: false
      }

    }],
    yAxis: [{
      type: 'value',
      name: '单位：数量',
      min: 0,
      max: 250,
      interval: 50,
      axisLabel: {
        //显示单位
        // formatter: '{value} ml'
        show: true,
        textStyle: {
          color: '#fff'
        }
      },
      // 轴(单位)颜色,宽度
      axisLine: {
        show: false,
        lineStyle: {
          color: '#fff',
          width: 8,
        }
      },
      axisTick: {
        show: false
      },
      //背景网格线状态
      splitLine: {
        show: false
      },
      //背景颜色状态
      splitArea: {
        show: false
      },
    }],
    series: [{
        name: '设备数量',
        type: 'bar',
        data: [150, 110, 180, 100, 130],
        //柱宽
        barWidth: 10,
        itemStyle: {
          normal: {
            color: function(params) {
              return new echarts.graphic.LinearGradient(1, 1, 0, 0, [{
                  offset: 0,
                  color: '#1093E6'
                },
                {
                  offset: 0.5,
                  color: '#00CFF7'
                },
                {
                  offset: 1,
                  color: '#04FAEC'
                },
              ]);
            },
          }
        }
      },
      {
        name: '平均数量',
        type: 'line',
        yAxisIndex: 0,
        data: [150, 110, 180, 100, 130],
        //折线弯曲
        smooth: true
      },
    ],
    //content end
  });
};
//右侧3:销售分析
export function child3Echart3() {
  // 初始化echarts实例
  let c3e3 = echarts.init(document.getElementById('c3e3'));
  // 绘制图表
  c3e3.setOption({
    //content start
    grid: { left: '3%',bottom:0,containLabel: true },
    color: ['#fab702'],
    tooltip: {
      trigger: 'axis',
      //悬浮显示x,y
      // axisPointer: {
      //   type: 'cross',
      //   crossStyle: {
      //     color: '#999'
      //   }
      // }
    },
    toolbox: {
      feature: {
        saveAsImage: {
          show: true
        }
      }
    },
    legend: {
      data: ['设备数量', '平均数量'],
      // 控制开关属性
      textStyle: {
        fontSize: 14,
        color: '#fff'
      }
    },
    xAxis: [{
      type: 'category',
      data: ['设备1', '设备2', '设备3', '设备4', '设备5'],
      // 轴状态
      axisLabel: {
        show: true,
        textStyle: {
          color: '#fff'
        }
      },
      //坐标轴显示状态
      axisLine: {
        show: false
      },
      //坐标轴刻度线显示状态
      axisTick: {
        show: false
      }

    }],
    yAxis: [{
      type: 'value',
      name: '单位：数量',
      min: 0,
      max: 250,
      interval: 50,
      axisLabel: {
        //显示单位
        // formatter: '{value} ml'
        show: true,
        textStyle: {
          color: '#fff'
        }
      },
      // 轴(单位)颜色,宽度
      axisLine: {
        show: false,
        lineStyle: {
          color: '#fff',
          width: 8,
        }
      },
      axisTick: {
        show: false
      },
      //背景网格线状态
      splitLine: {
        show: false
      },
      //背景颜色状态
      splitArea: {
        show: false
      },
    }],
    series: [{
        name: '设备数量',
        type: 'bar',
        data: [150, 110, 180, 100, 130],
        //柱宽
        barWidth: 10,
        itemStyle: {
          normal: {
            color: function(params) {
              return new echarts.graphic.LinearGradient(1, 1, 0, 0, [{
                  offset: 0,
                  color: '#1093E6'
                },
                {
                  offset: 0.5,
                  color: '#00CFF7'
                },
                {
                  offset: 1,
                  color: '#04FAEC'
                },
              ]);
            },
          }
        }
      },
      {
        name: '平均数量',
        type: 'line',
        yAxisIndex: 0,
        data: [150, 110, 180, 100, 130],
        //折线弯曲
        smooth: true
      },
    ],
    //content end
  });
};
// child3 end




// child4 start
//右侧1:销售情况
export function child4Echart1() {
  // 初始化echarts实例
  let c4e1 = echarts.init(document.getElementById('c4e1'));
  // 绘制图表
  c4e1.setOption({
    //content start
    grid: { left: '3%',bottom:0,containLabel: true },
    color: ['#fab702'],
    tooltip: {
      trigger: 'axis',
      //悬浮显示x,y
      // axisPointer: {
      //   type: 'cross',
      //   crossStyle: {
      //     color: '#999'
      //   }
      // }
    },
    toolbox: {
      feature: {
        saveAsImage: {
          show: true
        }
      }
    },
    legend: {
      data: ['设备数量', '平均数量'],
      // 控制开关属性
      textStyle: {
        fontSize: 14,
        color: '#fff'
      }
    },
    xAxis: [{
      type: 'category',
      data: ['设备1', '设备2', '设备3', '设备4', '设备5'],
      // 轴状态
      axisLabel: {
        show: true,
        textStyle: {
          color: '#fff'
        }
      },
      //坐标轴显示状态
      axisLine: {
        show: false
      },
      //坐标轴刻度线显示状态
      axisTick: {
        show: false
      }

    }],
    yAxis: [{
      type: 'value',
      name: '单位：数量',
      min: 0,
      max: 250,
      interval: 50,
      axisLabel: {
        //显示单位
        // formatter: '{value} ml'
        show: true,
        textStyle: {
          color: '#fff'
        }
      },
      // 轴(单位)颜色,宽度
      axisLine: {
        show: false,
        lineStyle: {
          color: '#fff',
          width: 8,
        }
      },
      axisTick: {
        show: false
      },
      //背景网格线状态
      splitLine: {
        show: false
      },
      //背景颜色状态
      splitArea: {
        show: false
      },
    }],
    series: [{
        name: '设备数量',
        type: 'bar',
        data: [150, 110, 180, 100, 130],
        //柱宽
        barWidth: 10,
        itemStyle: {
          normal: {
            color: function(params) {
              return new echarts.graphic.LinearGradient(1, 1, 0, 0, [{
                  offset: 0,
                  color: '#1093E6'
                },
                {
                  offset: 0.5,
                  color: '#00CFF7'
                },
                {
                  offset: 1,
                  color: '#04FAEC'
                },
              ]);
            },
          }
        }
      },
      {
        name: '平均数量',
        type: 'line',
        yAxisIndex: 0,
        data: [150, 110, 180, 100, 130],
        //折线弯曲
        smooth: true
      },
    ],
    //content end
  });
};
//右侧2:缴费情况
export function child4Echart2() {
  // 初始化echarts实例
  let c4e2 = echarts.init(document.getElementById('c4e2'));
  // 绘制图表
  c4e2.setOption({
    //content start
    grid: { left: '3%',bottom:0,containLabel: true },
    color: ['#fab702'],
    tooltip: {
      trigger: 'axis',
      //悬浮显示x,y
      // axisPointer: {
      //   type: 'cross',
      //   crossStyle: {
      //     color: '#999'
      //   }
      // }
    },
    toolbox: {
      feature: {
        saveAsImage: {
          show: true
        }
      }
    },
    legend: {
      data: ['设备数量', '平均数量'],
      // 控制开关属性
      textStyle: {
        fontSize: 14,
        color: '#fff'
      }
    },
    xAxis: [{
      type: 'category',
      data: ['设备1', '设备2', '设备3', '设备4', '设备5'],
      // 轴状态
      axisLabel: {
        show: true,
        textStyle: {
          color: '#fff'
        }
      },
      //坐标轴显示状态
      axisLine: {
        show: false
      },
      //坐标轴刻度线显示状态
      axisTick: {
        show: false
      }

    }],
    yAxis: [{
      type: 'value',
      name: '单位：数量',
      min: 0,
      max: 250,
      interval: 50,
      axisLabel: {
        //显示单位
        // formatter: '{value} ml'
        show: true,
        textStyle: {
          color: '#fff'
        }
      },
      // 轴(单位)颜色,宽度
      axisLine: {
        show: false,
        lineStyle: {
          color: '#fff',
          width: 8,
        }
      },
      axisTick: {
        show: false
      },
      //背景网格线状态
      splitLine: {
        show: false
      },
      //背景颜色状态
      splitArea: {
        show: false
      },
    }],
    series: [{
        name: '设备数量',
        type: 'bar',
        data: [150, 110, 180, 100, 130],
        //柱宽
        barWidth: 10,
        itemStyle: {
          normal: {
            color: function(params) {
              return new echarts.graphic.LinearGradient(1, 1, 0, 0, [{
                  offset: 0,
                  color: '#1093E6'
                },
                {
                  offset: 0.5,
                  color: '#00CFF7'
                },
                {
                  offset: 1,
                  color: '#04FAEC'
                },
              ]);
            },
          }
        }
      },
      {
        name: '平均数量',
        type: 'line',
        yAxisIndex: 0,
        data: [150, 110, 180, 100, 130],
        //折线弯曲
        smooth: true
      },
    ],
    //content end
  });
};
// child4 end
